<div class="swiper-container" id="article-container">
    <div class="title-box">
        <div class="english">
            ARTICLE
        </div>
        <div class="chinese">
            <div class="decoration"></div>
            <div class="text">纹发资讯</div>
            <div class="decoration"></div>
        </div>
    </div>
    <div class="v-blank-30"></div>
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="content-box">
                <div class="element">
                    <img class="img" src="images/index/article-img-1.jpg"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">本周话题：低龄化的互联网</div>
                        <div class="content-box">
                            现在，很多人拍视频为生。每天拍若干条，上传到门户网站，靠网站分红和商业合作赚钱，靠网站分红和商业合作赚钱……
                        </div>
                    </div>
                </div>
                <div class="v-blank-30"></div>
                <div class="element">
                    <img class="img" src="images/index/article-img-2.jpg"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">本周话题：低龄化的互联网</div>
                        <div class="content-box">
                            现在，很多人拍视频为生。每天拍若干条，上传到门户网站，靠网站分红和商业合作赚钱，靠网站分红和商业合作赚钱……
                        </div>
                    </div>
                </div>
                <div class="v-blank-30"></div>
                <div class="element">
                    <img class="img" src="images/index/article-img-3.jpg"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">本周话题：低龄化的互联网</div>
                        <div class="content-box">
                            现在，很多人拍视频为生。每天拍若干条，上传到门户网站，靠网站分红和商业合作赚钱，靠网站分红和商业合作赚钱……
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="content-box">
                <div class="element">
                    <img class="img" src="images/index/article-img-1.jpg"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">本周话题：低龄化的互联网</div>
                        <div class="content-box">
                            现在，很多人拍视频为生。每天拍若干条，上传到门户网站，靠网站分红和商业合作赚钱，靠网站分红和商业合作赚钱……
                        </div>
                    </div>
                </div>
                <div class="v-blank-30"></div>
                <div class="element">
                    <img class="img" src="images/index/article-img-2.jpg"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">本周话题：低龄化的互联网</div>
                        <div class="content-box">
                            现在，很多人拍视频为生。每天拍若干条，上传到门户网站，靠网站分红和商业合作赚钱，靠网站分红和商业合作赚钱……
                        </div>
                    </div>
                </div>
                <div class="v-blank-30"></div>
                <div class="element">
                    <img class="img" src="images/index/article-img-3.jpg"></img>
                    <div class="article-box">
                        <div class="date-and-view">
                            <div class="date">2020-10-26</div>
                            <div class="view">
                                <div class="decoration"></div>
                                <div class="view-times">1200</div>
                            </div>
                        </div>
                        <div class="title">本周话题：低龄化的互联网</div>
                        <div class="content-box">
                            现在，很多人拍视频为生。每天拍若干条，上传到门户网站，靠网站分红和商业合作赚钱，靠网站分红和商业合作赚钱……
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article-pagination-container">
    <div class="v-blank-20"></div>
    <div class="article-pagination"></div>
    <div class="v-blank-20"></div>
</div>
<div class="common-button">
    <a href="news-list.php">
        <div class="button">
            了解更多
        </div>
    </a>
</div>
<script language="javascript">
    var mySwiper = new Swiper('#article-container', {
        pagination: {
            el: '.article-pagination',
        },
    })
</script>